﻿{extend name="public:base" /}

{block name="content"}
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-content">
                    <div class="row search-form">
                        <div class="col-sm-2 m-b-sm">
                            <div class="input-group">
                                <input placeholder="请输入标题" name="title" value="{:input('title')}" type="text" class="form-control form-control-lg">
                            </div>
                        </div>

                        <div class="col-sm-2 m-b-sm">
                            <div class="input-group">
                                <button type="button" class="btn btn-primary btn-lg screen-btn">搜索</button>
                            </div>
                        </div>
                    </div>

                    <style type="text/css">
                        .table-box {
                            display: flex;
                            flex-direction: column;
                            width: 100%;
                        }

                        .table-box .table-line {
                            background: #f5f5f5;
                            margin-bottom: 10px;
                            padding: 10px;
                        }

                        .table-box .table-line .title {
                            font-size: 16px;
                            font-weight: bold;
                        }

                        .table-box .table-line .single-line .line-row {
                            display: flex;
                            margin-bottom: 10px;

                        }
                        .table-box .table-line .single-line .line-row:last-child{
                            margin-bottom: 0;
                        }
                        .table-box .table-line .single-line .line-row .key{
                            width: 200px;
                            font-weight: bold;
                        }

                    </style>
                    <div class="table-responsive table-box">

                        {volist name="list" id="vo"}
                        <div class="table-line">
                            <div class="title">{$vo.processNo}</div>
                            {if $vo.processType != 'AGREEMENT_TRANSFER'}
                            <div class="single-line">
                                <div class="line-row">
                                    <div class="key">挂牌时间</div>
                                    <div class="val">{$vo.listStartTime} 至 {$vo.listEndTime}</div>
                                </div>
                                <div class="line-row">
                                    <div class="key">起始价</div>
                                    <div class="val">{$vo.initQuote} {$vo.quoteUnit}</div>
                                </div>
                                <div class="line-row">
                                    <div class="key">加价幅度</div>
                                    <div class="val">{$vo.quoteRange} {$vo.quoteUnit}</div>
                                </div>
                                {if $vo.processCategoryDesc}
                                <div class="line-row">
                                    <div class="key">交易类型</div>
                                    <div class="val">{$vo.processCategoryDesc}</div>
                                </div>
                                {/if}
                            </div>
                            {else/}
                            <div class="single-line">
                                <div class="line-row">
                                    <div class="key">公示时间</div>
                                    <div class="val">{$vo.listStartTime} 至 {$vo.listEndTime}</div>
                                </div>
                                <div class="line-row">
                                    <div class="key">转让方</div>
                                    <div class="val">{$vo.transferorName}</div>
                                </div>
                                <div class="line-row">
                                    <div class="key">受让方</div>
                                    <div class="val">{$vo.ownMainName}</div>
                                </div>
                                {if $vo.processTypeDesc}
                                <div class="line-row">
                                    <div class="key">交易方式</div>
                                    <div class="val">{$vo.processTypeDesc}</div>
                                </div>
                                {/if}
                                {if $vo.processCategoryDesc}
                                <div class="line-row">
                                    <div class="key">交易类型</div>
                                    <div class="val">{$vo.processCategoryDesc}</div>
                                </div>
                                {/if}
                            </div>
                            {/if}
                        </div>
                        {/volist}

                        {if !empty($list)}{$list->render()}{/if}
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

{/block}
